<ion-view view-title="练习" class="practice-area">
    <ion-content>

        <!--<div class="topbar">
            <div class="q-t">
                {{practice.store.text}}(满分:{{paper.totalScore}}分)
            </div>
        </div>-->

        <div class="list card practice-box" ng-show="practice.status == 'I' || practice.status == 'F'">
            <!--<div class="item item-divider">
                <span class="text-left">{{practice.store.text}}(满分:{{paper.totalScore}}分)</span>
            </div>-->

            <div class="item item-body flex-box box-ori">
                <!-- 对战实时展示区域 开始 -->
                <div class="card pro-wp">
                    <div class="item item-progress">
                        <span class="userinfo">{{user.name}}</span>
                        <div style="width: 100%;height: 100%;display: inline-block;padding-right:60px;">
                            <div class="status" ng-class="user.photo || 'user1'" style="width:{{((myScore || 0)/paper.totalScore) * 100}}%">
                                <!--<div class="item item-progress">
                                    <span class="info input-label text-left">{{user.name}} 得分:{{myScore || 0}}分</span>
                                    <progress class="html5" max="{{paper.totalScore}}" value="{{myScore || 0}}"></progress>
                                </div>-->
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 对战实时展示区域 结束 -->



                <!-- 对战题目区域 开始 -->
                <div class="card questionbody flex-item-1">
                    <div class="item item-text-wrap title">【{{doPapers.length + 1}}/{{paper.questions.length + doPapers.length + 1}}题】{{currentQuestion.text}}</div>
                    <div class="item item-text-wrap">
                        <ul class="list">
                            <li class="wings item item-checkbox" ng-repeat="opt in currentQuestion['opts']">
                                <div class="w-c">
                                    <div class="text">
                                        <span>{{opt['idx']}} : {{opt['text']}}</span>
                                    </div>
                                </div>
                                <div class="w-l option">
                                    <label class="checkbox">
                                        <!-- 注意在ng-repeat中 不能使用$event.target传入参数 -->
                                        <input type="checkbox" ng-click="doCheckOpt(opt, $event)"/>
                                    </label>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- 对战题目区域 结束 -->
                <!--<div class="button-bar">
                    <a class="button button-royal" ng-click="doCommit()">确定</a>
                </div>-->

                <!-- 道具-按钮-开始  -->
                <div class="item item-divider toolbar">
                    <a class="button button-positive sub-btn" ng-if="doPapers.length > 0" ng-click="returnPrev()">上一题</a>
                    <a class="button button-positive sub-btn" ng-click="doCommit()">确定</a>
                </div>
                <!-- 道具-按钮-结束  -->
            </div>
        </div>

    </ion-content>
</ion-view>